﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Comentarios.ascx.cs" Inherits="WebControls_Comentarios" %>

<script type="text/javascript">
    function EnviarComentario(){
        var strComentarios;
        //alert(replaceAll($('#<%=txtComentario.ClientID%>').val(),"\n","<br>"));
        strComentarios = replaceAll($('#<%=txtComentario.ClientID%>').val(),"\n","[br]");
        alert(strComentarios);
        $.ajax({
            type: "GET",
            url: "QueryAjax/QueryComentario.aspx",
            data: 'idLibro=<%=Request.QueryString["idLibro"]%>' + '&ajax=true' + '&Comentario=' + strComentarios,
            success: function(comentarios){
                var listaComentarios = eval(comentarios);
                var listaAcotada;  
                gLista = listaComentarios;
                if (eval(listaComentarios[0]).length > 5)
                    listaAcotada = eval(listaComentarios[0]).slice(0,5);
                else 
                    listaAcotada = eval(listaComentarios[0]);
                $('#tablaComentarios').fillTemplate(listaAcotada);
                $('#tablaComentarios').show(); 
                $('#<%=txtComentario.ClientID%>').val("");
                $("#IngresoComentario").animate( { opacity: '1'}, 1000);
            },
            
            beforeSend: function(objeto){
                $("#IngresoComentario").animate( { opacity: '0.2'}, 500, function() {
                    ///
                });

            }
        });
        return false;
    }
    
    function replaceAll( text, busca, reemplaza ){
      while (text.toString().indexOf(busca) != -1)
          text = text.toString().replace(busca,reemplaza);
      return text;
    }
</script>

<table>
    <%--<asp:Repeater ID="Repeater1" runat="server">
    <ItemTemplate>
--%>
    <tr>
        <td>
            <div id="tablaComentarios">
                <table bordercolor="#ffffff" cellspacing="0" cellpadding="0" width="530" align="left"
                    border="2">
                    <tr>
                        <td valign="top" align="left">
                            <table cellspacing="10" width="100" border="0">
                                <tbody>
                                    <tr>
                                        <td>
                                            <img height="80" src="images/img_silueta_mujer.jpg" width="80" /></td>
                                    </tr>
                                    <tr>
                                        <td class="comentarios">
                                            <strong>${alias} </strong>
                                            <br />
                                            ${fecha}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                        <td valign="top" align="left" bgcolor="#f7f7f9">
                            <table cellspacing="10" width="430" align="left" border="0">
                                <tbody>
                                    <tr>
                                        <td class="comentarios">
                                            ${detalle}
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>
        </td>
    </tr>
    <%--</ItemTemplate>
    <FooterTemplate>--%>
    <tr>
        <td>
            <div id="divVerTodos">
                <table cellspacing="0" cellpadding="0" width="530" align="left" border="0">
                    <tr>
                        <td align="right">
                            <asp:ImageButton ID="btnVerTodos" ImageUrl="~/images/img_boton_comentarios.jpg" OnClientClick="javascript:return mostrarTodos()"
                                runat="server" />
                        </td>
                    </tr>
                </table>
            </div>
        </td>
    </tr>
    <%--    </FooterTemplate>
</asp:Repeater>--%>
</table>
<br />
<br />
<% if (Page.User.Identity.IsAuthenticated)
   {  %>
   <div id="IngresoComentario">
<table width="530" border="0" align="left" cellspacing="10">
    <tr>
        <td class="comentarios" style="width: 510px; height: 139px">
            <!--<textarea name="txtComentario" rows="7" class="fondoTexbox" style="width: 500px"></textarea>-->
            <asp:TextBox ID="txtComentario" Rows="7" CssClass="fondoTexbox" Width="500px" runat="server"
                TextMode="MultiLine"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td align="center">
            <asp:ImageButton ID="btnEnviar" runat="server" OnClientClick="javascript:return EnviarComentario();"
                ImageUrl="~/images/img_boton_enviar.jpg" />
        </td>
    </tr>
</table>
</div>
<%} %>
<br />
<br />
